<?php?>

<!-- ======================================================================
	Sample gallery infinite - Effects (Preset)
====================================================================== -->

<!-- ■ Javascript Area ■ -->
		<script type="text/javascript">
			$(document).ready(function() {
				//썸네일을 누르면 해당 레이어에 아이템을 삽입하는 동작 (예제를 위해 수동으로 삽입한 것이므로 추후 수정)
				$('.thumb_se1_1').click(function(){
					$('.se_inner').attr({'src':'../assets/book/editor/item_bg_effects/snow/index.html'});
					$('.btn_item6').css({'background-image':'url(../assets/book/editor/item_bg_effects/thumb_f1.jpg)'});
				});
				$('.thumb_se1_2').click(function(){
					$('.se_inner').attr({'src':'../assets/book/editor/item_bg_effects/firefly/index.html'});
					$('.btn_item6').css({'background-image':'url(../assets/book/editor/item_bg_effects/thumb_f2.jpg)'});
				});
				$('.thumb_se1_3').click(function(){
					$('.se_inner').attr({'src':'../assets/book/editor/item_bg_effects/galaxy/index.html'});
					$('.btn_item6').css({'background-image':'url(../assets/book/editor/item_bg_effects/thumb_f3.jpg)'});
				});
				$('.thumb_se1_4').click(function(){
					$('.se_inner').attr({'src':'../assets/book/editor/item_bg_effects/particle1/index.html'});
					$('.btn_item6').css({'background-image':'url(../assets/book/editor/item_bg_effects/thumb_f4.jpg)'});
				});
			});
		</script>


<!-- ■ HTML Area ■ 
★★★ Tip : 현재 예제를 위해 수동으로 썸네일 링크를 나열했으나 실제로는 변수로 배열 처리 해야한다.
아래 나열된 개수만큼의 링크만 동작 가능하고 무한 스크롤로 생성된 썸네일의 링크는 동작하지 않는다. 
-->

		<style type="text/css">
			.item{margin:0 6px 6px 0}
		</style>

		<div class="gal_con">
			<div class="item thumb_se1_1">
				<img src="../assets/book/editor/item_bg_effects/thumb_f1.jpg" width="60" height="60" />
			</div>
			<div class="item thumb_se1_2">
				<img src="../assets/book/editor/item_bg_effects/thumb_f2.jpg" width="60" height="60" />
			</div>
			<div class="item thumb_se1_3">
				<img src="../assets/book/editor/item_bg_effects/thumb_f3.jpg" width="60" height="60" />
			</div>
			<div class="item thumb_se1_4">
				<img src="../assets/book/editor/item_bg_effects/thumb_f4.jpg" width="60" height="60" />
			</div>
		</div>

<?php?>